<template>
  <div class="main-layout">
    <!-- 主内容区域 -->
    <div class="main-content-fullscreen">
      <router-view />
    </div>
  </div>
</template>

<script setup>
import { useShortcuts, globalShortcuts } from '../utils/shortcuts'

// 简化的快捷键配置，只保留全局快捷键
const shortcuts = {
  ...globalShortcuts
}

// 使用快捷键
useShortcuts(shortcuts)
</script>

<style scoped>
.main-layout {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.main-content-fullscreen {
  flex: 1;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #f5f7fa;
}
</style>
